import { useEffect } from 'react'
import { useCanvasStore } from './store/canvasStore'
import Canvas from './components/Canvas'
import Toolbar from './components/Toolbar'
import FloatingToolbar from './components/FloatingToolbar'
import TopToolbar from './components/TopToolbar'
import './App.css'

export default function App() {
  const { canvas } = useCanvasStore()

  return (
    <div className="app">
      <TopToolbar />
      <div className="main-content">
        <Canvas />
        <FloatingToolbar />
      </div>
    </div>
  )
} 